lib.use(['element', 'table', 'form','dtree'], function () {
    var layer = layui.layer;
    var form = layui.form;
    var $ = layui.jquery;
    var updateForm = layui.Form('formForm');
    var dtree=layui.dtree;
    var reqUrl;
    var event={
        showHide:function (value) {
            if (value == "0") {
                $('.url').hide();
                $('.perms').hide();
                $('.orderNum').show();
            } else if (value == "1") {
                $('.url').show();
                $('.perms').show();
                $('.orderNum').show();
            }else {
                $('.url').hide();
                $('.perms').show();
                $('.orderNum').hide();
            }
        }
    }

    form.on('radio(menuTypeFilter)', function(data){
        event.showHide(data.value)
    });
    var DTree = dtree.render({
        elem: "#slTree",
        method:'GET',
        url: common.util.createUrl('/sys/menu/select'),
        accordion:true,
        dataFormat:'list',
        initLevel: "3",
        icon: "-1", // 隐藏二级图标
        response: {
            statusName: "code", //返回标识（必填）
            statusCode: 0, //返回码（必填）
            msg: "msg", //返回信息（必填）
            rootName: "menuList", //根节点名称（必填）
            treeId: "id", //节点ID（必填）
            parentId: "parentId", //父节点ID（必填）
            title: "name", //节点名称（必填）
        }
    });
    $("#parentIdDiv").on("click",function(){
        $(this).toggleClass("layui-form-selected");
        $("#parentIdCard").toggleClass("layui-show layui-anim layui-anim-upbit");
    });
    $("#parentIdCard").on("mouseleave",function () {
        //layer.msg('移开了1',{icon:5,shift:6})
        $("#parentIdCard").removeClass("layui-show");
    })
    dtree.on("node(slTree)", function(obj){
        $("#parentId").val(obj.param.nodeId);
        $("#parentName").val(obj.param.context);
        $("#parentIdDiv").toggleClass("layui-form-selected");
        $("#parentIdCard").toggleClass("layui-show layui-anim layui-anim-upbit");
    });





    form.verify({
         name: function(value,item){ //value：表单的值、item：表单的DOM对象
            if(!value){
                 return '资源名称不能为空';
            }
        },menuUrl:function(value, item){
            var val=$('input:radio[name="type"]:checked').val();
            if(val===1&&!value){
                return "菜单URL不能为空";
            }
        }
    });
    form.on('submit(formSubmitFilter)', function (data) {
        var param = updateForm.getData();
        console.log('Menu Save param is', param);
        common.ajax.post(reqUrl, param, function (resp) {
            layer.alert('操作成功', function () {
                location.href = 'menuList.html';
            })
        })
        return false;
    });


    function loadFormData() {
        var id =common.util.getParam('id');
        if (!id) {
            layer.alert('id错误');
            return;
        }
        common.ajax.get('/sys/menu/info/'+id, {}, function (resp) {
            event.showHide(resp.menu.type)
            updateForm.setData(resp.menu);
        });
    }
    (function () {
        if(common.util.getParam('id')){
            //修改
            loadFormData();
            reqUrl="/sys/menu/update";
        }else{
            //新增
            reqUrl="/sys/menu/save";
            updateForm.setData({isSystem:1});
        }
    })();
});
